<template>
  <dol-cascade-form-item
    :options="addressData"
    :value="value"
    :separator="separator"
    :label="label"
    :prop="prop"
    :rules="rules"
    @input="input"
    @change="change"
  />
</template>

<script>
  import addressData from './addressData'

  export default {
    name: "Dol-address-picker",
    props:{
      value:{type: Array, default:() => []},

      separator: {type: String, default: ' / '},
      label: {type: String, default: ''},
      prop: {type: String, default: ''},
      rules: {type: Array},
    },
    data(){
      return {
        addressData,
      }
    },
    computed:{
    },
    methods:{
      input(value){
        this.$emit('input', value);
      },
      change(_value, value, index){
        this.$emit('change', _value, value, index);
      },
    }
  }
</script>

<style scoped>

</style>
